<template >
<el-container class="body_box">


  <el-main>
      <el-col :span="24">
        <div class="grid-content bg-purple-light">
          <el-row class="index_flex">
            <el-col class="index_col">
              <div class="grid-content bg-purple index_top">
                <div class="div_fen" >
                  <span>水利部网站</span>
                </div>
                <div class="top_btn">
                  <p>
                    <vxe-button status="primary" content="登录" size="mini" ></vxe-button>
                  </p>
                  <p @click="toxxgl">
                    <vxe-button status="primary" content="系统管理" size="mini" ></vxe-button>
                  </p>
                  <p @click="toappraise">
                    <vxe-button status="primary" content="公务员日常考核系统" size="mini" ></vxe-button>
                  </p>
                </div>
              </div>
            </el-col>
          </el-row>
        </div>
      </el-col>

      <el-col :span="24">
        <div class="grid-content">
          <el-row class="index_flex">
            <el-col class="index_col nav_col">
                <el-row :gutter="20">
                  <el-col :span="10">
                    <div class="grid-content bg-purple">
                      <div class="index_logo">
                        <!-- <img src="~@/assets/portal/images/new_index/index_logo.png"> -->
                        <p></p>
                        <span>全国水利统计 <i>●</i> 调查中心</span>
                      </div>
                    </div>
                  </el-col>
                  <el-col :span="14" class="nav_header">
                    <el-col :span="4" class="active_box">
                      首页
                    </el-col>
                    <el-col :span="4">
                      最新通知
                    </el-col>
                    <el-col :span="4">
                      相关制度
                    </el-col>
                    <el-col :span="4">
                      培训学习
                    </el-col>
                    <el-col :span="4">
                      名录查询
                    </el-col>
                    <el-col :span="4">
                      查询统计
                    </el-col>
                  </el-col>
                </el-row>
            </el-col>
          </el-row>

          <el-row class="index_banner">
            <div class="index_banner_content">
              <div class="index_banner_pic">
                <div class="index_search">
                  <el-input
                    placeholder="请搜索业务"
                    v-model="input4">
                    <!-- <i slot="prefix" class="el-input__icon el-icon-search"></i> -->
                  </el-input>
                  <el-button type="primary">搜索</el-button>
                </div>
                <div class="index_banner_text">

                </div>
              </div>

              <el-row class="index_data">

                  <el-col :span="6">
                      <div><b class="index_blue">2890</b>个</div>
                      <span>单位数</span>
                  </el-col>
                  <el-col :span="6">
                      <div><b class="index_green">890</b>个</div>
                      <span>用户数</span>
                  </el-col>
                  <el-col :span="6">
                      <div><b class="index_orange">1282</b>个</div>
                      <span>最近一个月活跃用户</span>
                  </el-col>
                  <el-col :span="6">
                      <div><b class="index_light_green">301</b>个</div>
                      <span>当前在线用户</span>
                  </el-col>

              </el-row>
            </div>
          </el-row>

          <el-row class="marquee_box_div">

            <div class="marquee_box">
              <h4></h4>
              <loop class="marquee_box_scroll textArr">
                <template  slot='content'>
                <div class="marquee_box_text" v-for="text in scroll.textArr" :key="text.id">
                  <span class="slice-enter-active" >{{text.title}}<i>{{text.title1}}</i></span>
                  <span>{{text.title2}}<i>{{text.title3}}</i></span>
                  </div>
                  </template>
              </loop>

              <!-- <div class="marquee_box_scroll textArr">
                <div class="marquee_box_text  "  >
                  <span class="slice-enter-active" :key="text.id">{{text.title}}<i>{{text.title1}}</i></span>
                  <span>{{text.title2}}<i>{{text.title3}}</i></span>-->
                  <!-- <span>1月月报已开放，各单位抓紧时间填写<i>[2021年1月26日]</i></span>
                  <span>1月月报已开放，各单位抓紧时间填写<i>[2021年1月26日]</i></span>
                  <span>1月月报已开放，各单位抓紧时间填写<i>[2021年2月26日]</i></span>
                  <span>1月月报已开放，各单位抓紧时间填写<i>[2021年1月26日]</i></span> -->
               <!--  </div>
              </div> -->


            </div>

          </el-row>


          <!--  -->
          <el-row class="index_bg index_center index_flex">
            <el-col class="index_col">
              <el-tabs v-model="activeName" @tab-click="handleClick">
                <el-tab-pane label="水利统计" name="first">
                  <!-- <el-row :gutter="24">
                    <el-col :span="6" >
                      <el-card shadow="always" class="el_card_1">
                        <div><b>2890</b>个</div>
                        <span>单位数</span>
                      </el-card>
                    </el-col>
                    <el-col :span="6">
                      <el-card shadow="always" class="el_card_2">
                        <div><b>2890</b>个</div>
                        <span>用户数</span>
                      </el-card>
                    </el-col>
                    <el-col :span="6">
                      <el-card shadow="always" class="el_card_3">
                        <div><b>2890</b>个</div>
                        <span>最近一个月活跃用户</span>
                      </el-card>
                    </el-col>
                    <el-col :span="6">
                      <el-card shadow="always" class="el_card_4">
                        <div><b>2890</b>个</div>
                        <span>当前在线用户</span>
                      </el-card>
                    </el-col>
                  </el-row> -->

                  <el-row :gutter="24" class="index_card_hover">
                    <el-col :span="18" >
                      <el-row :gutter="24">
                        <el-col :span="12">
                          <el-card shadow="always" >
                            <div  @click='openSjcj' data-bzcode='TBZH' data-tt-id='T2101'>
                            <el-container>
                              <el-main class="index_main_c">
                                <img src="~@/assets/portal/images/new_index/index_year.png" alt="">
                                <div class="index_text">
                                  <div class="index_label">
                                    <h4>水利基建统计</h4>
                                    <span class="color_title">开启中</span>
                                  </div>
                                  <p>离本期截止还有<em>05</em>天， <i>2019.04.25</i>零时关闭</p>
                                  <div class="index_link">已有 <b>11</b> 期，点击进入<i class="fa fa-angle-double-right"></i></div>
                                </div>
                              </el-main>

                              <!-- <el-aside width="50px">
                                <span class="color_title">已关闭</span>
                              </el-aside> -->
                            </el-container>
                            </div>
                          </el-card>
                        </el-col>
                        <el-col :span="12">
                          <el-card shadow="always">
                            <el-container>
                              <el-main class="index_main_c">
                                <img src="~@/assets/portal/images/new_index/index_year2.png" alt="">
                                <div class="index_text">
                                  <div class="index_label">
                                    <h4>服务业统计</h4>
                                    <span class="black_title">即将开启</span>
                                  </div>
                                  <p>离本期截止还有<em>05</em>天， <i>2019.04.25</i>零时关闭</p>
                                  <div class="index_link">已有 <b>10</b> 期，点击进入<i class="fa fa-angle-double-right"></i></div>
                                </div>
                              </el-main>

                              <!-- <el-aside width="50px">
                                <span class="black_title">关闭</span>
                              </el-aside> -->
                            </el-container>

                          </el-card>
                        </el-col>
                      </el-row>
                      <el-row :gutter="24">
                        <el-col :span="12">
                          <el-card shadow="always">
                            <el-container>
                              <el-main class="index_main_c">
                                <img src="~@/assets/portal/images/new_index/index_year1.png" alt="">
                                <div class="index_text">
                                  <div class="index_label">
                                    <h4>水利基建统计</h4>
                                    <span>已关闭</span>
                                  </div>
                                  <p>离本期截止还有<em>05</em>天， <i>2019.04.25</i>零时关闭</p>
                                  <div class="index_link">已有 <b>11</b> 期，点击进入<i class="fa fa-angle-double-right"></i></div>
                                </div>
                              </el-main>

                              <!-- <el-aside width="50px">
                                <span>开启</span>
                              </el-aside> -->
                            </el-container>

                          </el-card>
                        </el-col>
                        <el-col :span="12">
                          <el-card shadow="always">
                            <el-container>
                              <el-main class="index_main_c">
                                <img src="~@/assets/portal/images/new_index/index_year3.png" alt="">

                                <div class="index_text">
                                  <div class="index_label">
                                    <h4>服务业统计</h4>
                                    <span>已关闭</span>
                                  </div>
                                  <p>离本期截止还有<em>05</em>天， <i>2019.04.25</i>零时关闭</p>
                                  <div class="index_link">已有 <b>5</b> 期，点击进入<i class="fa fa-angle-double-right"></i></div>
                                </div>

                              </el-main>

                              <!-- <el-aside width="50px">
                                <span>开启</span>
                              </el-aside> -->
                            </el-container>

                          </el-card>
                        </el-col>
                      </el-row>
                      <el-row :gutter="24">
                        <el-col :span="12">
                          <el-card shadow="always">
                            <el-container>
                              <el-main class="index_main_c">
                                <img src="~@/assets/portal/images/new_index/index_year1.png" alt="">
                                <div class="index_text">
                                  <div class="index_label">
                                    <h4>水利基建统计</h4>
                                    <span class="color_title">开启中</span>
                                  </div>
                                  <p>离本期截止还有<em>05</em>天， <i>2019.04.25</i>零时关闭</p>
                                  <div class="index_link">已有 <b>4</b> 期，点击进入<i class="fa fa-angle-double-right"></i></div>
                                </div>
                              </el-main>

                              <!-- <el-aside width="50px">
                                <span>开启</span>
                              </el-aside> -->
                            </el-container>

                          </el-card>
                        </el-col>
                        <el-col :span="12">
                          <el-card shadow="always">
                            <el-container>
                              <el-main class="index_main_c">
                                <img src="~@/assets/portal/images/new_index/index_year5.png" alt="">
                                <div class="index_text">
                                  <div class="index_label">
                                    <h4>综合信息统计</h4>
                                    <span>已关闭</span>
                                  </div>
                                  <p>离本期截止还有<em>05</em>天， <i>2019.04.25</i>零时关闭</p>
                                  <div class="index_link">已有 <b>8</b> 期，点击进入<i class="fa fa-angle-double-right"></i></div>
                                </div>
                              </el-main>

                              <!-- <el-aside width="50px">
                                <span>开启</span>
                              </el-aside> -->
                            </el-container>

                          </el-card>
                        </el-col>
                      </el-row>
                      <el-row :gutter="24">
                        <el-col :span="12">
                          <el-card shadow="always">
                            <el-container>
                              <el-main class="index_main_c">
                                <img src="~@/assets/portal/images/new_index/index_year5.png" alt="">
                                <div class="index_text">
                                  <div class="index_label">
                                    <h4>发展主要指标快报</h4>
                                    <span class="black_title">即将开启</span>
                                  </div>
                                  <p>离本期截止还有<em>05</em>天， <i>2019.04.25</i>零时关闭</p>
                                  <div class="index_link">已有 <b>2</b> 期，点击进入<i class="fa fa-angle-double-right"></i></div>
                                </div>
                              </el-main>

                              <!-- <el-aside width="50px">
                                <span>开启</span>
                              </el-aside> -->
                            </el-container>

                          </el-card>
                        </el-col>
                        <el-col :span="12">
                          <el-card shadow="always">
                            <el-container>
                              <el-main class="index_main_c">
                                <img src="~@/assets/portal/images/new_index/index_year6.png" alt="">
                                <div class="index_text">
                                  <div class="index_label">
                                    <h4>工程基本情况</h4>
                                    <span>已关闭</span>
                                  </div>
                                  <p>离本期截止还有<em>05</em>天， <i>2019.04.25</i>零时关闭</p>
                                  <div class="index_link">已有 <b>12</b> 期，点击进入<i class="fa fa-angle-double-right"></i></div>
                                </div>
                              </el-main>

                              <!-- <el-aside width="50px">
                                <span>开启</span>
                              </el-aside> -->
                            </el-container>

                          </el-card>
                        </el-col>
                      </el-row>
                    </el-col>

                    <el-col :span="6">
                      <el-card shadow="always" class="index_card_right index_code_right">
                        <img src="~@/assets/portal/images/new_index/code.png" alt="">
                        <p>扫描二维码，下载App</p>
                        <p>
                          <vxe-button status="primary" content="立即下载" size="mini" ></vxe-button>
                        </p>
                      </el-card>
                      <div class="card_right">
                        <el-card shadow="always" class="index_card_right">
                          <img src="~@/assets/portal/images/new_index/index_p1.png" alt="">
                          <p>查询展示分析系统</p>
                        </el-card>
                      </div>
                      <div class="card_right card_mail">
                        <img src="~@/assets/portal/images/new_index/call.png" alt="">
                        <h4>
                          <p>通讯录</p>
                          <span>快速查询人员信息</span>
                        </h4>
                      </div>
                    </el-col>
                  </el-row>

                  <div>


                    <el-carousel height="196px" :interval="5000" :autoplay="false"  class="ml_item" arrow="always" style="margin-bottom:20px;">
                       <h4 class="ml_bd">名录查询</h4>
                      <el-carousel-item>
                        <el-row :gutter="20">
                          <el-col :span="6" class="card_bg1 jjnb">
                            <div>
                              <el-card shadow="always">
                                <div class="carousel_text">
                                    <h4>基建年报</h4>
                                    <h5>
                                      <b>27</b><span>个</span>
                                    </h5>
                                </div>
                              </el-card>
                            </div>
                          </el-col>
                          <el-col :span="6" class="card_bg2 report_month">
                            <div>
                              <el-card shadow="always">
                                <div class="carousel_text">
                                  <h4>基建月报</h4>
                                  <h5>
                                    <b>21</b><span>个</span>
                                  </h5>
                                </div>
                              </el-card>
                            </div>
                          </el-col>
                          <el-col :span="6" class="card_bg3 report_js">
                            <div>
                              <el-card shadow="always">
                                <div class="carousel_text">
                                  <h4>节水重大工程</h4>
                                  <h5>
                                    <b>13</b><span>个</span>
                                  </h5>
                                </div>
                              </el-card>
                            </div>
                          </el-col>
                          <el-col :span="6" class="card_bg4 report_server">
                            <div>
                              <el-card shadow="always">
                                <div class="carousel_text">
                                  <h4>水利服务业</h4>
                                  <h5>
                                    <b>32</b><span>个</span>
                                  </h5>
                                </div>
                              </el-card>
                            </div>
                          </el-col>
                           <el-col :span="6" class="card_bg5 report_sl">
                            <div>
                              <el-card shadow="always">
                                <div class="carousel_text">
                                  <h4>灌区</h4>
                                  <h5>
                                    <b>32</b><span>个</span>
                                  </h5>
                                </div>
                              </el-card>
                            </div>
                          </el-col>
                        </el-row>
                      </el-carousel-item>
                      <el-carousel-item>
                        <el-row :gutter="24">
                          <el-col :span="6" class="card_bg1 report_month">
                            <div>
                              <el-card shadow="always">
                                <div class="carousel_text">
                                  <h4>水库名录表</h4>
                                  <h5>
                                    <b>12</b><span>个</span>
                                  </h5>
                                </div>
                              </el-card>
                            </div>
                          </el-col>
                          <el-col :span="6" class="card_bg2 report_sl">
                            <div>
                              <el-card shadow="always">
                                <div class="carousel_text">
                                  <h4>跨区域供水</h4>
                                  <h5>
                                    <b>65</b><span>个</span>
                                  </h5>
                                </div>
                              </el-card>
                            </div>
                          </el-col>
                          <el-col :span="6" class="card_bg3 report_server">
                            <div>
                              <el-card shadow="always">
                                <div class="carousel_text">
                                  <h4>水闸</h4>
                                  <h5>
                                    <b>54</b><span>个</span>
                                  </h5>
                                </div>
                              </el-card>
                            </div>
                          </el-col>
                          <el-col :span="6" class="card_bg4 report_js">
                            <div>
                              <el-card shadow="always">
                                <div class="carousel_text">
                                  <h4>泵站</h4>
                                  <h5>
                                    <b>35</b><span>个</span>
                                  </h5>
                                </div>
                              </el-card>
                            </div>
                          </el-col>
                          <el-col :span="6" class="card_bg5 jjnb">
                            <div>
                              <el-card shadow="always">
                                <div class="carousel_text">
                                  <h4>农村集中供水工程</h4>
                                  <h5>
                                    <b>55</b><span>个</span>
                                  </h5>
                                </div>
                              </el-card>
                            </div>
                          </el-col>
                        </el-row>
                      </el-carousel-item>
                      <el-carousel-item>
                        <el-row :gutter="24">


                          <el-col :span="6" class="card_bg2 jjnb">
                            <div>
                              <el-card shadow="always">
                                <div class="carousel_text">
                                  <h4>入河湖排污口</h4>
                                  <h5>
                                    <b>34</b><span>个</span>
                                  </h5>
                                </div>
                              </el-card>
                            </div>
                          </el-col>
                        </el-row>
                      </el-carousel-item>
                    </el-carousel>

                  </div>
                </el-tab-pane>
                <el-tab-pane label="执法统计" name="second">执法统计</el-tab-pane>
                <el-tab-pane label="信息化统计" name="third">信息化统计</el-tab-pane>
                <el-tab-pane label="正版化统计" name="fourth">正版化统计</el-tab-pane>
              </el-tabs>
            </el-col>
          </el-row>

          <el-row class="index_flex" >
             <el-col class="index_col index_system_box" style="position:relative;" >
              <div @click="stats">
                <img src="~@/assets/portal/images/new_index/index_banner1.png">
                <div class="index_system"  >
                  统计·调查配置中心
                  <p>（当前管理8个任务）</p>
                </div>
              </div>
             </el-col>
          </el-row>

          <el-row class="index_flex">
            <el-col class="index_col list_box">
              <el-row :gutter="24">
                <el-col :span="14">
                  <el-card class="box-card">
                    <div slot="header" class="clearfix index_title_text">
                      <span class="index_h2">最新通知</span>
                      <el-button style="float: right; padding: 3px 0" type="text">更多 <i class="fa fa-plus"></i></el-button>
                    </div>
                    <el-row title="水利服务业统计制度月报已开放，各单位抓紧时间填写" class="index_notice">
                      <h3>水利服务业统计制度月报已开放，各单位抓紧时间填写</h3>
                      <span>2020-12-03</span>
                    </el-row>
                    <el-row title="水利服务业统计制度月报已开放，各单位抓紧时间填写" class="index_notice">
                      <h3>水利服务业统计制度月报已开放，各单位抓紧时间填写</h3>
                      <span>2020-12-03</span>
                    </el-row>
                    <el-row title="水利服务业统计制度月报已开放，各单位抓紧时间填写" class="index_notice">
                      <h3>水利服务业统计制度月报已开放，各单位抓紧时间填写</h3>
                      <span>2020-12-03</span>
                    </el-row>
                    <el-row title="水利服务业统计制度月报已开放，各单位抓紧时间填写" class="index_notice">
                      <h3>水利服务业统计制度月报已开放，各单位抓紧时间填写</h3>
                      <span>2020-12-03</span>
                    </el-row>
                  </el-card>
                </el-col>
                <el-col :span="10">
                  <el-card class="box-card">
                    <div slot="header" class="clearfix index_title_text">
                      <span class="index_h2">最新制度</span>
                      <el-button style="float: right; padding: 3px 0" type="text">更多 <i class="fa fa-plus"></i></el-button>
                    </div>
                    <el-row title="水利服务业统计制度月报已开放，各单位抓紧时间填写" class="index_notice">
                      <h3>水利服务业统计制度月报已开放，各单位抓紧时间填写</h3>
                      <span>2020-12-03</span>
                    </el-row>
                    <el-row title="水利服务业统计制度月报已开放，各单位抓紧时间填写" class="index_notice">
                      <h3>水利服务业统计制度月报已开放，各单位抓紧时间填写</h3>
                      <span>2020-12-03</span>
                    </el-row>
                    <el-row title="水利服务业统计制度月报已开放，各单位抓紧时间填写" class="index_notice">
                      <h3>水利服务业统计制度月报已开放，各单位抓紧时间填写</h3>
                      <span>2020-12-03</span>
                    </el-row>
                    <el-row title="水利服务业统计制度月报已开放，各单位抓紧时间填写" class="index_notice">
                      <h3>水利服务业统计制度月报已开放，各单位抓紧时间填写</h3>
                      <span>2020-12-03</span>
                    </el-row>
                  </el-card>
                </el-col>
              </el-row>
            </el-col>
          </el-row>


          <!-- 制度及培训 -->
          <el-row class="index_flex">
            <el-col class="index_col list_box">
              <el-card class="box-card">
                <div slot="header" class="clearfix index_title_text">
                  <span class="index_h2">培训学习</span>
                  <el-button style="float: right; padding: 3px 0" type="text">更多 <i class="fa fa-plus"></i></el-button>
                </div>
                <el-row :gutter="24" style="margin-bottom:0px;">
                  <el-col :span="12">
                    <div class="index_height">
                      <el-row title="水利服务业统计制度月报已开放，各单位抓紧时间填写" class="index_notice">
                        <h3>水利服务业统计制度月报已开放，各单位抓紧时间填写</h3>
                        <span>2020-12-03</span>
                      </el-row>
                      <el-row title="水利服务业统计制度月报已开放，各单位抓紧时间填写" class="index_notice">
                        <h3>水利服务业统计制度月报已开放，各单位抓紧时间填写</h3>
                        <span>2020-12-03</span>
                      </el-row>
                      <el-row title="水利服务业统计制度月报已开放，各单位抓紧时间填写" class="index_notice">
                        <h3>水利服务业统计制度月报已开放，各单位抓紧时间填写</h3>
                        <span>2020-12-03</span>
                      </el-row>
                      <el-row title="水利服务业统计制度月报已开放，各单位抓紧时间填写" class="index_notice">
                        <h3>水利服务业统计制度月报已开放，各单位抓紧时间填写</h3>
                        <span>2020-12-03</span>
                      </el-row>

                    </div>
                  </el-col>
                  <el-col :span="12">
                    <div class="index_height" style="padding-right:0;border-right:0;">
                      <el-row title="水利服务业统计制度月报已开放，各单位抓紧时间填写" class="index_notice">
                        <h3>水利服务业统计制度月报已开放，各单位抓紧时间填写</h3>
                        <span>2020-12-03</span>
                      </el-row>
                      <el-row title="水利服务业统计制度月报已开放，各单位抓紧时间填写" class="index_notice">
                        <h3>水利服务业统计制度月报已开放，各单位抓紧时间填写</h3>
                        <span>2020-12-03</span>
                      </el-row>
                      <el-row title="水利服务业统计制度月报已开放，各单位抓紧时间填写" class="index_notice">
                        <h3>水利服务业统计制度月报已开放，各单位抓紧时间填写</h3>
                        <span>2020-12-03</span>
                      </el-row>
                      <el-row title="水利服务业统计制度月报已开放，各单位抓紧时间填写" class="index_notice">
                        <h3>水利服务业统计制度月报已开放，各单位抓紧时间填写</h3>
                        <span>2020-12-03</span>
                      </el-row>
                    </div>
                  </el-col>
                </el-row>
              </el-card>
            </el-col>
          </el-row>
        </div>
      </el-col>

      <el-col :span="24" class="index_bottom">
        <el-col class="index_col">
          <div class="content_index">
            <div class="index_bottom_left">
              <p>
                <span>京ICP备14010557号 ©中华人民共和国水利部版权所有</span>
                <span>主办：水利部办公厅</span>
                <span>承办：水利部信息中心</span>
              </p>
              <p>
                <span>水利部总机：010-63202114</span>
                <span>网站联系电话：010-63202558</span>
                <span>地址：北京市西城区白广路二条2号</span>
              </p>
              <p><em>京公网安备11040102700040号</em></p>
            </div>
            <div class="index_bottom_right">
              <p>
                <img class="footer_img" src="~@/assets/portal/images/new_index/pic1.png" alt="">
              </p>
              <p>
                <span><img class="footer_img" src="~@/assets/portal/images/new_index/code1.png" alt=""></span>
                <i>水利部官方微信</i>
              </p>
              <p>
                <span><img class="footer_img" src="~@/assets/portal/images/new_index/code2.png" alt=""></span>
                <i>水利部网站</i>
              </p>
            </div>
          </div>



        </el-col>

      </el-col>


  </el-main>


</el-container>

</template>

<script>
import request from "@/utils/requestutil";
import { getRealUrl } from "@/utils/httpRequet";
import router, { resetRouter } from "@/router";
import Cookies from "js-cookie";
import zcfg from "./zcfg";
import cryptodes from '@/utils/CryptoJsUtil'
// import tree from "@/views/components-demo/select-tree.vue";
import loop from '@/components/loop.vue'
export default {
  components: {
    zcfg,loop
    // tree,
  },
  data() {

      return {
        activeName: 'first',
         input4: '',
			scroll: { //滚动公告
				number: 0,
				textArr: [{
					title:'1月月报已开放，各单位抓紧时间填写',
          title1:'[2021年1月26日]',
          title2:'2月月报已开放，各单位抓紧时间填写',
          title3:'[2021年1月26日]',
				}/*,{
					title:'3.地图中绿色图标表示印章在线状态',
          title1:'[2021年1月26日]',
           title2:'4月月报已开放，各单位抓紧时间填写',
          title3:'[2021年1月26日]',
				},{
					title:'5月月报已开放，各单位抓紧时间填写',
          title1:'[2021年2月26日]',
           title2:'6月月报已开放，各单位抓紧时间填写',
          title3:'[2021年1月26日]',
				}*/,{
					title:'7.如果选择印章无定位信息，地图将显示空白',
          title1:'[2021年1月12日]',
           title2:'8月月报已开放，各单位抓紧时间填写',
          title3:'[2021年3月16日]',
				}]
			}

		};
	},

  computed: {
		text() {
			return {
				id: this.scroll.number,
				title: this.scroll.textArr[this.scroll.number].title,
        title1:this.scroll.textArr[this.scroll.number].title1,
        title2:this.scroll.textArr[this.scroll.number].title2,
        title3:this.scroll.textArr[this.scroll.number].title3,
			}
		}
  },

  mounted() {
		// //滚动公告
		// this.startMove()
	},

   methods: {
      handleClick(tab, event) {
        console.log(tab, event);
      },
      openSjcj(e){
        this.opendata= e.currentTarget.dataset
      this.subsysinfo.curid = "SJCJ";
        this.to(this.opendata);
      },
       stats: function () {
        this.subsysinfo.curid = "stats";
        this.to();
      },
      toxxgl: function () {
        this.subsysinfo.curid = "jcxx";
        this.to();
      },
     toappraise:function(){
       this.subsysinfo.curid = "appraise"; //公务员日常考核系统
       this.to();
     },
      to: async function (param) {
      //Cookies.set('subsysid', this.subsysinfo.curid)
      const { menuids, roles, userid } = await this.$store.dispatch(
        "user/getInfo"
      );
      const accessRoutes = await this.$store.dispatch(
        "permission/generateRoutes",
        { roles: roles, menuids: menuids }
      );
      // dynamically add accessible routes
      resetRouter();
      // 新页面打开
      router.addRoutes(accessRoutes);
      const { href } = this.$router.resolve({
        path: "/mainLayout",
      });

      let paramstr=cryptodes.encryptByDES(JSON.stringify(param||{}))
      paramstr=encodeURIComponent(paramstr);
      let p=param==undefined?"":("&pm="+paramstr);
      window.open(
        href + "?root=" + this.subsysinfo.curid+p,
        this.subsysinfo.curid
      );
      // 本页面打开
      // this.$router.push("/dashboard");
    },



    //滚动公告
		startMove() {
			// eslint-disable-next-line
			// let timer = setInterval(() => {
			// 	if (this.scroll.number === this.scroll.textArr.length-1) {
			// 		this.scroll.number = 0;
			// 	} else {
			// 		this.scroll.number += 1;
			// 	}
			// }, 2000); // 滚动不需要停顿则将2000改成动画持续时间
		},
  },


};
</script>

<style lang="scss" scoped>
@import "~@/assets/portal/css/index/rem.css";
@import "~@/assets/portal/css/index/index1.css";
@import "~@/assets/portal/css/index/peij.css";

.bg-purple-light {
    background: #f5f6f9;
  }
  .grid-content {
    border-radius: 4px;
    min-height: 36px;
  }
  .body_box .el-row{
    margin-bottom: 24px;
  }

::v-deep .index_card_right .el-card__body{
    padding-right: 0px;
    padding-left: 0;
}
::v-deep body {
  background-color: aqua;
}
::v-deep #app {
  background-color: black;
}
ul {
  margin-top: 0px;
}

.right-btn {
  display: none;
}
::-webkit-scrollbar {
  background: none;
  width: 8px;
  height: 12px;
  border-radius: 20px;
  right: 3px;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
  border-radius: 20px;
  border: 0px solid transparent;
}

::-webkit-scrollbar-track {
  box-shadow: 0 0 0 4px rgba(24, 154, 80, 0) inset;
}

::-webkit-scrollbar-thumb {
  min-height: 40px;
  background-clip: content-box;
  box-shadow: 0 0 0 10px rgba(168, 178, 204, 0.4) inset;
}

::-webkit-scrollbar-corner {
  background: transparent;
}
.el-main{
  padding:0;
}
.vxe-button.type--button.theme--primary:not(.is--disabled){
    border-color: #ccc;
    background-color: #f5f6f9;
    border-radius: 0;
    color: #666;
    font-size: 15px;
}
.vxe-button.type--button.theme--primary:not(.is--disabled):hover{
    border-color: #1053b8;
    background-color: #145ecb;
    border:none;
    opacity: .9;
    color:#ffffff;
}
.vxe-button.type--button.theme--primary:not(.is--disabled):focus{
    border-color: #1053b8;
    background-color: #145ecb;
    border:none;
    box-shadow: none;
}
.index_col ::v-deep .el-tabs__nav-wrap{
  border-bottom: 1px solid #ccc;
}



.wrap {
  overflow: hidden;
}
#box {
  width: 80000%;
}
#box div {
  float: left;
}
#marquee {
   margin: 0 16px 0 0;
}
#node {
  position: absolute;
  z-index: -999;
  top: -999999px;
}
</style>
